<template>
	<h4 class="title_lv2"></h4>
	<div class="show_link">
		<a href="https://element-plus.org/zh-CN/component/calendar.html" target="_blank">https://element-plus.org/zh-CN/component/calendar.html</a>
	</div>
	<el-calendar v-model="value" />
	<!-- 页面代码 源码 -->
	<dropWrap key="oreo">
		<pre><code class="language-js">{{ htmlCode }} </code></pre>
	</dropWrap>
	<!-- 页面代码 源码 -->

</template>

<script lang="ts" setup>
	import {ref, onMounted, nextTick } from "vue";
	import dropWrap from "../dropWrap.vue";
	import Prism from "prismjs";
	
	const value = ref(new Date())
	
	let htmlCode = ref<string>(`
		<el-calendar v-model="value" />
		  
		js部分-data数据格式
		const value = ref(new Date())
	`);

	/*
	生命周期
	*/
	onMounted(() => {
		nextTick(() => {
			Prism.highlightAll();
		});
	});
</script>
<style scoped>
	
</style>